<%--
  Created by IntelliJ IDEA.
  User: JiangFan
  Date: 2019/3/6
  Time: 13:51
  Description: 该页面做显示功能后台功能用
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>功能列表</title>
	<link rel="stylesheet" href="../css/manage.css">
	<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script>
	<script type="text/javascript" >
        $(function () {
            $(".level1>a").click(function () {
                if ($(this).next().is(":hidden")) {
                    $(this).addClass("current")/*给当前元素添加current样式*/
                        .next().show()/*下一个显示*/
                        .parent().siblings()
                        .children("a").removeClass("current")
                    /*父元素的同辈元素的子元素<a>标签移除current样式*/
                        .next().hide();/*它们的下一个元素隐藏*/
                    return false;
                }else {
                    $(this).removeClass("current").next().hide();
                    return false;
                }
            });
            $(".level2").hide();
        });
	</script>
</head>
<body>
<div class="box">
	<ul class="menu">
		<%--外层管理--%>
		<li class="level1">
			<a href="">商品管理</a>
			<ul class="level2">
				<li><a href="">商品添加</a> </li>
				<li><a href="">商品上架</a> </li>
				<li><a href="">商品下架</a> </li>
				<li><a href="">商品调价</a> </li>
			</ul>
		</li>

		<li class="level1">
			<a href="">配置管理</a>
			<ul class="level2">
				<li><a href="">新增配置</a> </li>
				<li><a href="">新增型号</a> </li>
			</ul>
		</li>
		<li class="level1">
			<a href="">信息修改</a>
		</li>
		<li class="level1">
			<a href="">广告推荐</a>
			<ul class="level2">
				<li><a href="">模块分离</a> </li>
				<li><a href="">主页轮播</a> </li>
			</ul>
		</li>
		<li class="level1">
			<a href="">订单管理</a>
			<ul class="level2">
				<li><a href="">新建订单</a> </li>
				<li><a href="">修改订单</a> </li>
				<li><a href="">历史订单</a> </li>
			</ul>
		</li>
	</ul>
</div>
</body>
</html>